<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>创意工具</title>
  <!-- 引入框架 -->
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="js/jquery.min.js">
  <link rel="stylesheet" href="js/axios.1.4.0.min.js">
  <link rel="stylesheet" href="js/axios-request.js">
  <link rel="stylesheet" href="js/bootstrap.min.js">
  <!-- 引入tool中的icon -->
  <link rel="stylesheet" href="tool/font/iconfont.css">
  <!-- 引入常规样式 -->
  <link rel="stylesheet" href="css/tool.css">
  <link rel="stylesheet" href="css/footer.css">
  <!-- 引入背景色 -->
  <link rel="stylesheet" href="css/li-bgc-color.css">
</head>

<body>
  <!-- 顶部内容 -->
  <div class="container">
    <h2 class="page-header">
      <div class="row">
        <div class="col-xs-3">Simba Tools</div>
        <div class="col-xs-4 text-right pull-right"><a href="#">首页</a></div>
      </div>
    </h2>
  </div>

  <!-- 导航 -->
  <div class="container tool-nav">
    <ul class="nav nav-pills">
      <li role="presentation" class="active"><a href="#">创意工具</a></li>
      <li role="presentation"><a href="soft.html">系统软件</a></li>
      <li role="presentation"><a href="office.html">office技巧</a></li>
    </ul>
  </div>


  <!-- 软件工具明细 -->
  <div class="container">
    <!-- 添加标题 常用导航 -->
    <span class="glyphicon glyphicon-tags" style="margin:15px 0"> 常用导航</span>
    <div class="row text-center">

      <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
        <a href="/gashapon/index.html" target="_blank">
          <div class="tool-li-li li-bgc-11"><i class="iconfont icon-dingding"></i></div>
        </a>
        <div class="text-left" style="margin-top:10px">幸运小吃</div>
        <div class="text-left text-color-height">随机获取，解决选择困扰</div>
      </div>

      <!--            <div class="col-md-4 col-xs-12 col-sm-6 tool-li">-->
      <!--                <a href="https://www.liepin.com/" target="_blank">-->
      <!--                    <div class="tool-li-li li-bgc-48"><i class="iconfont icon-liepin"></i></div>-->
      <!--                </a>-->
      <!--                <div class="text-left" style="margin-top:10px">猎聘</div>-->
      <!--                <div class="text-left text-color-height">中高端求职招聘网站</div>-->
      <!--            </div>-->

      <!--            <div class="col-md-4 col-xs-12 col-sm-6 tool-li">-->
      <!--                <a href="https://www.zhaopin.com/" target="_blank">-->
      <!--                    <div class="tool-li-li li-bgc-40"><i class="iconfont icon-zhaopin"></i></div>-->
      <!--                </a>-->
      <!--                <div class="text-left" style="margin-top:10px">智联招聘</div>-->
      <!--                <div class="text-left text-color-height">上智联，勇往“值钱”</div>-->
      <!--            </div>-->

      <!--            <div class="col-md-4 col-xs-12 col-sm-6 tool-li">-->
      <!--                <a href="https://www.51job.com/" target="_blank">-->
      <!--                    <div class="tool-li-li li-bgc-31"><i class="iconfont icon-qianchengwuyouFDC"></i></div>-->
      <!--                </a>-->
      <!--                <div class="text-left" style="margin-top:10px">前程无忧</div>-->
      <!--                <div class="text-left text-color-height">好工作尽在全程无忧</div>-->
      <!--            </div>-->

      <!--            <div class="col-md-4 col-xs-12 col-sm-6 tool-li">-->
      <!--                <a href="https://www.zhipin.com/" target="_blank">-->
      <!--                    <div class="tool-li-li li-bgc-32"><i class="iconfont icon-BOSS"></i></div>-->
      <!--                </a>-->
      <!--                <div class="text-left" style="margin-top:10px">BOSS直聘</div>-->
      <!--                <div class="text-left text-color-height">找工作，我要和老板谈</div>-->
      <!--            </div>-->

      <!--            <div class="col-md-4 col-xs-12 col-sm-6 tool-li">-->
      <!--                <a href="https://www.58.com/" target="_blank">-->
      <!--                    <div class="tool-li-li li-bgc-33"><i class="iconfont icon-581193365easyiconnet"></i></div>-->
      <!--                </a>-->
      <!--                <div class="text-left" style="margin-top:10px">58同城</div>-->
      <!--                <div class="text-left text-color-height">一个神奇的网站</div>-->
      <!--            </div>-->

      <!--            <div class="col-md-4 col-xs-12 col-sm-6 tool-li">-->
      <!--                <a href="https://www.jd.com/" target="_blank">-->
      <!--                    <div class="tool-li-li li-bgc-34"><i class="iconfont icon-jingdong-"></i></div>-->
      <!--                </a>-->
      <!--                <div class="text-left" style="margin-top:10px">京东</div>-->
      <!--                <div class="text-left text-color-height">多快好省，只为品质生活</div>-->
      <!--            </div>-->

      <!--            <div class="col-md-4 col-xs-12 col-sm-6 tool-li">-->
      <!--                <a href="https://www.1688.com/" target="_blank">-->
      <!--                    <div class="tool-li-li li-bgc-35"><i class="iconfont icon-icon-test1"></i></div>-->
      <!--                </a>-->
      <!--                <div class="text-left" style="margin-top:10px">1688</div>-->
      <!--                <div class="text-left text-color-height">阿里巴巴采购批发网</div>-->
      <!--            </div>-->
    </div>

    <!-- 添加标题 创意工具 -->
    <span class="glyphicon glyphicon-tags" style="margin:15px 0"> 创意工具</span>
    <div class="row text-center">
      <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
        <a href="https://placeholder.com/" target="_blank">
          <div class="tool-li-li li-bgc-1"><i class="iconfont icon-zhanweitu"></i></div>
        </a>
        <div class="text-left" style="margin-top:10px">占位图</div>
        <div class="text-left text-color-height">解决开发时设计没有素材的问题</div>
      </div>

      <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
        <a href="https://www.remove.bg/" target="_blank">
          <div class="tool-li-li li-bgc-2"><i class="iconfont icon-qushuiyin"></i></div>
        </a>
        <div class="text-left" style="margin-top:10px">在线一键抠图</div>
        <div class="text-left text-color-height">Remove Background from Image-remove.bg</div>
      </div>

      <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
        <a href="https://uigradients.com" target="_blank">
          <div class="tool-li-li li-bgc-3"><i class="iconfont icon-jianbianloading"></i></div>
        </a>
        <div class="text-left" style="margin-top:10px">uigradients</div>
        <div class="text-left text-color-height">色彩渐变配色网站，生而美丽的网站</div>
      </div>

      <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
        <a href="http://www.iconfont.cn/" target="_blank">
          <div class="tool-li-li li-bgc-4"><i class="iconfont icon-user"></i></div>
        </a>
        <div class="text-left" style="margin-top:10px">阿里图标</div>
        <div class="text-left text-color-height">Iconfont-阿里巴巴矢量图标库</div>
      </div>

      <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
        <a href="https://www.easyicon.net/" target="_blank">
          <div class="tool-li-li li-bgc-5"><i class="iconfont icon-xiongmao"></i></div>
        </a>
        <div class="text-left" style="margin-top:10px">easyicon精美图标</div>
        <div class="text-left text-color-height">搜索607,501个精美图标</div>
      </div>

    </div>


    <!-- 添加标题 头脑风暴 -->
    <span class="glyphicon glyphicon-tags" style="margin:15px 0"> 头脑风暴</span>
    <div class="row text-center">
      <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
        <a href="https://boardmix.cn/app/home" target="_blank">
          <div class="tool-li-li li-bgc-6"><i class="iconfont icon-xmind"></i></div>
        </a>
        <div class="text-left" style="margin-top:10px">XMind</div>
        <div class="text-left text-color-height">高颜值思维导图</div>
      </div>

      <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
        <a href="https://www.processon.com/diagrams" target="_blank">
          <div class="tool-li-li li-bgc-7"><i class="iconfont icon-On"></i></div>
        </a>
        <div class="text-left" style="margin-top:10px">ProcessOn</div>
        <div class="text-left text-color-height">ProcessOn 支持流程图、思维导图、组织结构图等</div>
      </div>
    </div>



    <!-- 添加标题 视频剪辑 -->
    <span class="glyphicon glyphicon-tags" style="margin:15px 0"> 视频剪辑</span>
    <div class="row text-center">
      <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
        <a href="http://www.huishenghuiying.com.cn/" target="_blank">
          <div class="tool-li-li li-bgc-8"><i class="iconfont icon-shiting-huishenghuiying"></i></div>
        </a>
        <div class="text-left" style="margin-top:10px">会声会影</div>
        <div class="text-left text-color-height">功能强大的视频编辑软件</div>
      </div>

      <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
        <a href="https://www.adobe.com/cn/products/premiere/free-trial-download.html" target="_blank">
          <div class="tool-li-li li-bgc-9"><i class="iconfont icon-premiere"></i></div>
        </a>
        <div class="text-left" style="margin-top:10px">Premiere</div>
        <div class="text-left text-color-height">一款常用、专业的视频编辑软件</div>
      </div>

      <div class="col-md-4 col-xs-12 col-sm-6 tool-li">
        <a href="https://www.ae.com/us/en" target="_blank">
          <div class="tool-li-li li-bgc-10"><i class="iconfont icon-ae"></i></div>
        </a>
        <div class="text-left" style="margin-top:10px">After effects</div>
        <div class="text-left text-color-height">功能强大的视频编辑软件</div>
      </div>
    </div>
  </div>




  <!-- 底部通用代码 -->
  <div class="container footer" style="margin-bottom:15px;">
    <h5 class="page-header" style="margin-bottom: 10px;">About</h5>
    <a style="margin-right:15px;" href="https://beian.miit.gov.cn/" target="view_window">津ICP备19000160号-2</a>
    <a style="margin-right:15px;" href="https://www.qinglangtianjin.com/" target="view_window">天津市互联网违法和不良信息举报中心 举报电话：022-88355238</a>
    <a style="margin-right:15px;" href="https://www.12377.cn/" target="view_window">中国违法和不良信息举报中心</a>
  </div>



</body>

</html>
